.table{margin-bottom: 0;}
.table>tbody>tr>td,.table>tbody>tr>th{vertical-align: middle;}
.modal-footer{text-align: center;}
#preview .content{height: 472px;overflow-y: scroll;background: #fff;}
@media (max-width: 1680px) {
	#preview .content{height: 400px;}
}
@media (max-width: 1600px) {
	#preview .content{height: 370px;}
}
@media (max-width: 1440px) {
	#preview .content{height: 304px;}
}
@media (max-width: 1366px) {
	#preview .content{height: 270px;}
}
table img {max-width: 70px;}
#preview .content::-webkit-scrollbar-track-piece {background-color:rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0);}
#preview .content::-webkit-scrollbar {width:5px;height:13px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
#preview .content::-webkit-scrollbar-thumb {background-color:rgba(0,0,0,0.5);background-clip:padding-box;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;/*min-width:28px;*/}
#preview .content::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,0.5);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
#applet .bor{background: rgba(242, 242, 242, 1);width: 100%;height: 14px;border-top: 1px solid #e7ecf1;border-bottom: 1px solid #e7ecf1;position: relative;}
#preview .applet-box{position: relative;overflow: hidden;background: url(../../../../assets/global/img/appletbg.png) center top no-repeat;background-size: 100% 100%;padding-top: 26.5%;padding-bottom: 12%;}
#applet .banner img{width: 100%;}
#applet .btn-group{position: absolute;left: 0;top: 0;z-index: 99;background: rgba(0,0,0,0.5);width: 100%;height: 30px;text-align: right;display: none;}
#applet .bor .btn-group{display: block !important;background: none;height: inherit;}
#applet .bor .btn-group .btn{line-height: 10px;color: #000;vertical-align: top;font-size: 16px;}
#applet .btn-group .btn{background: none;color: #fff;padding: 0 9px;line-height: 30px;float: none;border: none;vertical-align: top;}
#applet .btn-group .glyphicon{top: 0;}
#applet .btn-group span.glyphicon-move{color: #fff !important;padding: 0 9px;line-height: 30px;}
#applet .preview .top{vertical-align: middle;border-bottom: 1px solid #e7ecf1;}
#applet .preview .top h4{line-height: 36px;margin: 0;}
#applet .preview .btn-nav{position: relative;overflow: hidden;}
#applet .preview .btn-nav .col-md-4,#applet .preview .btn-nav .col-md-3,#applet .preview .btn-nav .col-md-6{display: flex;justify-content: center;align-items: center; flex-direction: column;padding: 0;overflow: hidden;}
#applet .preview .btn-nav span{color: #999;font-size: 13px}

#applet .recom-pro{position: relative;}
#applet .recom-pro .title{margin: 15px 0 10px 0;}
#applet .recom-pro h5{color: #666;margin: 5px 0;overflow: hidden;line-height: 1.5em;font-size: 13px;}

#applet .recom-pro .col-md-12 h5{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#applet .recom-pro .col-md-6 h5{overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;white-space: normal;height: 37px;}

#applet .recom-pro p{line-height: 26px;color: #999;margin: 0;}
#applet .recom-pro span{line-height: 24px;color: #FF3366;}
#applet .recom-pro .col-md-6,#applet .recom-pro .col-md-12{margin-bottom: 10px;}
.add-module span{width: 93px;height: 24px;background: #cccccc;border-radius: 10px !important;font-size: 12px;color: #fff;display: block;cursor: pointer;text-align: center;line-height: 22px;}

.add-moduleCon{}
.modal-dialog{width: 880px;}
.add-moduleCon .module-list{border: 1px solid #e7ecf1;margin-bottom: 26px;}
.add-moduleCon .col-md-4:first-child .module-list .media{background: #5c9bd1;}
.add-moduleCon .col-md-4:nth-child(2) .module-list .media{background: #4c87b9;}
.add-moduleCon .col-md-4:nth-child(3) .module-list .media{background: #1bbc9b;}
.add-moduleCon .col-md-4:nth-child(4) .module-list .media{background: #29b4b6;}
.add-moduleCon .col-md-4:nth-child(5) .module-list .media{background: #8a98af;}
.add-moduleCon .col-md-4:nth-child(6) .module-list .media{background: #8a98af;}
.add-moduleCon .col-md-4:nth-child(7) .module-list .media{background: #0099CC;}
.add-moduleCon .col-md-4:nth-child(8) .module-list .media{background: #996699;}
.add-moduleCon .col-md-4:nth-child(9) .module-list .media{background: #acb5c3;}

.add-moduleCon .module-list .media{height: 100px;line-height: 100px;text-align: center;}
.add-moduleCon .module-list .media span{font-size: 42px;line-height: inherit;color: #fff;}

.add-moduleCon .module-list .btn{border-top: 1px solid #e7ecf1;width: 100%;background: none;color: #999;}
.add-moduleCon .module-list p{margin: 0;color: #999;}
.add-moduleCon .modal-footer{text-align: center;}
.add-moduleCon .modal-footer .btn{width: 120px;}

#applet table select{height: 34px;border: 1px solid #c2cad8;}
#applet table input{display: inline-block;}
#applet table{border: solid 1px #e7ecf1;}
#applet table tr th,#applet table tr td{text-align: center;vertical-align: middle;}
#applet table tr th{background: rgba(242, 242, 242, 1);font-weight: normal;border: 0;}
#applet .icon-navbar img{width: 141px;border: solid 1px #e7ecf1;}
#applet .ban-site table tr td img{width: 141px !important;height: 75px;display: inline-block;}
#applet .btn-nav-site table tr td img{width: 51px;}
#applet .nav{border-top: solid 1px #e7ecf1;height: 68px;margin: 0;background: #fff;}
#applet .nav .navCon{display: flex;justify-content: center;align-items: center;flex-direction: column;height: 100%;}
#applet .nav .navCon span{margin-top: 2px;}
#applet .col-md-8{border:1px solid #eee;margin-top: 25px;margin-right: 3%;}
@media (max-width: 1599px) {
	#applet .col-md-8{margin-right: 0;}
}
/*#applet .col-md-8 .quan input{display: none;}*/
#applet .col-md-8 .quan img{width: 120px;height: 70px;margin-left: 10px;cursor: pointer;}

#pickfiles{display: inline-block;background: url(../../../../assets/global/img/picbg.png) no-repeat;background-size: 100%;width: 140px;border: none;height: 70px;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.ban-link img,.ban-linktype img{margin-right: 10px;}
#pickfiles1{display: inline-block;background: url(../../../../assets/global/img/picbg.png) no-repeat;background-size: 100%;width: 140px;border: none;height: 70px;display: flex;justify-content: center;align-items: center;overflow: hidden;}
#pickfiles2{display: inline-block;background: url(../../../../assets/global/img/picbg.png) no-repeat;background-size: 100%;width: 140px;border: none;height: 70px;display: flex;justify-content: center;align-items: center;overflow: hidden;}
#pickfiles3{display: inline-block;background: url(../../../../assets/global/img/picbg.png) no-repeat;background-size: 100%;width: 140px;border: none;height: 70px;display: flex;justify-content: center;align-items: center;overflow: hidden;}
#pickfiles8{display: inline-block;background: url(../../../../assets/global/img/picbg.png) no-repeat;background-size: 100%;width: 140px;border: none;height: 70px;display: flex;justify-content: center;align-items: center;overflow: hidden;}
#pickfiles4{display: inline-block;background: url(../../../../assets/global/img/picbg.png) no-repeat;background-size: 100%;width: 140px;border: none;height: 70px;display: flex;justify-content: center;align-items: center;overflow: hidden;}
#pickfiles5{display: inline-block;background: url(../../../../assets/global/img/picbg.png) no-repeat;background-size: 100%;width: 140px;border: none;height: 70px;display: flex;justify-content: center;align-items: center;overflow: hidden;}
#pickfiles6{display: inline-block;background: url(../../../../assets/global/img/picbg.png) no-repeat;background-size: 100%;width: 140px;border: none;height: 70px;display: flex;justify-content: center;align-items: center;overflow: hidden;}
#pickfiles7{display: inline-block;background: url(../../../../assets/global/img/picbg.png) no-repeat;background-size: 100%;width: 140px;border: none;height: 70px;display: flex;justify-content: center;align-items: center;overflow: hidden;}
#pickfiles9{display: inline-block;background: url(../../../../assets/global/img/picbg.png) no-repeat;background-size: 100%;width: 140px;border: none;height: 70px;display: flex;justify-content: center;align-items: center;overflow: hidden;}
#pickfiles10{display: inline-block;background: url(../../../../assets/global/img/picbg.png) no-repeat;background-size: 100%;width: 140px;border: none;height: 70px;display: flex;justify-content: center;align-items: center;overflow: hidden;}

.img_qiniu_url{width: 100%;}
.select-pro{}
.select-pro-list{position: relative;padding: 0 10px;display: flex;justify-content: space-between;}
.select-pro-list li{position: relative;width: 170px;list-style: none;}
.select-pro-list li img{width: 170px;height: 150px;}
.select-pro-list li h2{font-size: 14px;color: #666;}
.select-pro-list li p{font-size: 12px;color: #999;}

.pic_con .col-1{width: 100%;float: left;}
.pic_con .col-2{width: 50%;float: left;}
.pic_con .col-4{width: 25%;float: left;}
.pic_con img{width: 100%;}

.spike{padding-bottom: 20px;}
.spike .title{margin: 15px 0 10px 0;}
.spike .tips{position: absolute;top: 0;width: 50%;left: 25%;background: #000;color: #fff;font-size: 14px;text-align: center;height: 28px;line-height: 28px;z-index: 9;}
.spike h5{color: #666;margin: 5px 0;height: 26px;overflow: hidden;line-height: 1.5em;font-size: 16px;}
.spike p{line-height: 26px;color: #999;margin: 0;}
.spike span{line-height: 24px;color: #666;font-size: 12px;}
.spike small{line-height: 24px;color: #999999;font-size: 12px;}

#square1,#square2,#square3,#square4,#square5,#square7,#square8{width: 20px;height: 20px;display: inline-block;border: 1px solid #d3d3d3;}
.colorCon{display: flex;}
.colorCon span{display: inline-block;}

.color9{color: #999;}

.nav-tabs{border: none;}
.stylelist ul{padding: 0;}
.stylelist ul li{list-style: none;width: 30%;margin-bottom: 20px;float: left;}
.styleCon .pic_con{display: none;}
.styleCon .col-1,.styleCon .col-2{position: relative;}
.styleCon .col-1 .icon-settings,.styleCon .col-2 .icon-settings{position: absolute;right: 0;}

.site .btn-success{background: none;width: 180px;text-align: left;}
.site .btn-success[disabled]:hover{background: none;}

#iconArea .col-md-6 img{width: 30%;}
#iconArea .col-md-4 img{width: 44%;}
#iconArea .col-md-3 img{width: 59%;}

/*代金券样式*/
.quan_list {overflow: hidden;display: flex;width: 100%;overflow-x: auto;}
.quan_list::-webkit-scrollbar-track-piece {background-color:rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0);}
.quan_list::-webkit-scrollbar {width:13px;height:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.quan_list::-webkit-scrollbar-thumb {background-color:rgba(0,0,0,0.5);background-clip:padding-box;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;/*min-width:28px;*/}
.quan_list::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,0.5);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.quan_list .left {float: left;position: relative;width: 100px;margin-right: 10px;height: 40px;}
.quan_list .left span{color: #fff;font-size: 12px;}
.quan_list .left .con1,.quan_list .left .con2,.quan_list .left .con3{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;display: flex;}
.quan_list .left .con1{flex-direction: row;}
.quan_list .left .con2{flex-direction: column;}
.quan_list .left .con3{flex-direction: row;}
.quan_list .left .condition1{margin-top: 9px;margin-left: 2px;font-size: 10px;}
.quan_list .left .condition2{margin-left: 5px;}
.quan_list .left .condition3{margin-left: 3px;margin-top: 7px;}
.quan_list .left .value1{margin-left: 24px;margin-top: 5px;font-size: 14px;}
.quan_list .left .value2{margin-left: 13px; margin-top: 5px;}
.quan_list .left .value3{margin-left: 23px;margin-top: 7px;}
.quan_list .left img{width: 100px;height: 40px;margin-right: 4px;}

/*滑动布局样式*/
#preview .skip {overflow: hidden;display: flex;width: 100%;overflow-x: auto;}
#preview .skip::-webkit-scrollbar-track-piece {background-color:rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0);}
#preview .skip::-webkit-scrollbar {width:13px;height:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
#preview .skip::-webkit-scrollbar-thumb {background-color:rgba(0,0,0,0.5);background-clip:padding-box;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;/*min-width:28px;*/}
#preview .skip::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,0.5);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
#preview .skip .left{float: left;position: relative;width: 100px;margin-right: 10px;}
#preview .skip .left img {width: 70px;height: 70px;}

/*列表布局样式*/
.article_small{border-bottom: 1px solid #e7ecf1;padding: 15px 0;}
.article_small .con{float: right;width: 62%;}
.article_small .con h5{margin-top: 0;font-weight: bold;font-size: 14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 4px;}
.article_small .con p{font-size: 11px;line-height: 1.4em;overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;}
.article_small img{width: 33%;float: left;}

.article_small2{border-bottom: 1px solid #e7ecf1;padding: 15px 0;}
.article_small2 .con{float: left;width: 62%;}
.article_small2 .con h5{margin-top: 0;font-weight: bold;font-size: 14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 4px;}
.article_small2 .con p{
    font-size: 11px;line-height: 1.4em;overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}
.article_small2 img{width: 33%;float: left;}

.bor-pro{overflow: inherit}

/*图片*/
.ban-picture .modal-body #pic_table  thead{
    display: none;
}
.ban-picture .modal-body #pic_table  tr{
    float: left;
}
.ban-picture .modal-body #pic_table img{
    width: 50px;height: 50px;
}

.release{box-sizing: border-box;border: solid 1px #E4E4E4;display: block;line-height: 46px;margin-top: 22px;text-align: center;font-size: 16px;color: #999;}
.able{background: rgba(255, 0, 0, 1);display: block;line-height: 46px;margin-top: 22px;text-align: center;font-size: 16px;color: #fff;border: none;padding: 0;width: 100%;}
.disabled{background: #999999;display: block;line-height: 46px;margin-top: 22px;text-align: center;font-size: 16px;color: #fff;border: none;padding: 0;width: 100%;}

a:hover{text-decoration: none;}
.site{position: relative;}
